@charset "utf-8";

/* CSS Document */



*{ margin:0px; padding:0px; font-family:"微软雅黑";}

img{ border:0px;}

ul li{ list-style:none;}

a{ text-decoration:none;}

i{font-style: normal;}

body{position: relative;}

html,body{ width:100%; min-width:1200px;overflow-x: hidden;background: #f8f8f8;}

.hide{

    display: none;

}

.fl{float: left;}

.fr{float: right;}

.cf:before, .cf:after { 

  display: table;

  content: ""; 

} 

.cf:after { 

  clear: both; 

} 

.cf { 

  zoom: 1; 

  clear: both; 

}

.ui-input{

    border: 1px solid #ccc;

    min-height: 34px;

    line-height: 34px;

    padding: 0 3px;

    box-sizing:content-box;

    -webkit-box-sizing:content-box;

    -moz-box-sizing:content-box;

    background-color: #fff;

    background: #fff;

    -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none;

}

.textarea{

    border:1px solid #ccc;

}

/* select */

select.ui-select{

    height:36px;

    display:inline-block;

    border:1px solid #ccc;

    background:#fcfcfb;

    line-height:36px;

    cursor:pointer;

    /*padding-left:5px;*/

    /*padding-right:18px;*/

    padding: 0;

    overflow:hidden;

    position:relative;

    color: #666;

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -khtml-border-radius: 0;

    /*-webkit-appearance: none;*/

}

.ui-select:hover{border:1px solid #409DFE;box-shadow:0 0 3px #409DFE;}

.ui-btn{

    height: 34px;

    line-height: 34px;

    text-align:center;

    color:#fff;

    cursor:pointer;

    border-radius: 4px;

    min-width: 94px;

    background: #f73f5f;

    display: inline-block;    

    margin-left: 8px;

    float: right;

    padding: 0;

    border: 0;

}

.wrap {position:relative; margin:0 auto; width:1200px; height:100%; }



.rightBox{

    position: absolute;

    right: 0;

    bottom: 563px;

    /*width: 60px;*/

    z-index: 9;

    font-size: 0;

}

.rightBox_fixed{

    position: fixed;

    right: 0;

    bottom: 60px;

    z-index:999;

}

.rightBox .rightBoxList{

    cursor: pointer;

    position: relative;

    width: 60px;

    background: #214491;

    margin-top: 2px;

}

.rightBox .rightBoxList i{

    width: 60px;

    height: 60px;

    display: block;

}

.rightBox .rightBoxTel i{

    background: url(../images/icon-fixed-tel.png) no-repeat center;

}

.rightBox .rightBoxEmail i{

    background: url(../images/icon-fixed-email.png) no-repeat center;

}

.rightBox .rightBoxTop{

    border-bottom: none;

    width: 60px;

    height: 60px;

    display: block;

    background: #214491 url(../images/icon-fixed-backtop.png) no-repeat center;

}

.right-consulting{

    position: fixed;

    right: 0;

    top: 50%;

    margin-top: -270px;

    z-index: 1300;

}

.right-consulting a.close{

    margin-top: 50px;

    width: 50px;

    height: 50px;

    background: #214591;

    color: #fff;

    text-align: center;

    line-height: 50px;

    font-size: 30px;

    display: block;

    position: absolute;

    left: -50px;

    z-index: 9999;

}

























.common-top{

    height: 54px;

    line-height: 54px;

    background: #214491;

    color: #fff;

}

.common-top .welcome{

    margin-right: 170px;

    font-size: 18px;

}

.topNav{ }

.topNav ul li{ 

    text-align: center;

    width: auto;

    /*height:40px;*/

    /*line-height:53px;*/

    float:left;

    position:relative;

    min-width: 136px; 

    -webkit-transition: min-width 0.3s;

    -moz-transition: min-width 0.3s;

    transition: min-width 0.3s;

}
.topNav ul li.menu_li_style{
    min-width: 120px; 
    -webkit-transition:min-width 0.3s;
    -moz-transition:min-width 0.3s;
    transition: min-width 0.3s;
}

/*.topNav ul li.menu_li{
    width:auto;
    height:40px;
    float:left;
    text-align:center;
    line-height:40px;
    cursor:pointer;
    color:#333;
    font-size:18px;
    font-family:"Microsoft Yahei";
    list-style:none;
}*/

.topNav ul li.suo{ 

    min-width: 120px; 

    -webkit-transition:min-width 0.3s;

    -moz-transition:min-width 0.3s;

    transition: min-width 0.3s;

}

.topNav ul li a{ 

    color:#666;

    font-family:'Microsoft Yahei';

    font-size:14px;

    text-decoration:none;

    color:#fff;

}

.topNav ul li span{ 

    display:block;

    position:absolute;

    width:0px;

    height:0px;

    background:#fff;

    top:53px;

    left:50%;

}

.topNav ul li ul.topNav-sub{

    position:absolute;

    top:53px;

    left:0;

    background:#fff;

    display: none;    

    z-index: 999;

    padding:4px 0 8px 0 ;

}

.topNav ul li ul.topNav-sub li{

    line-height: 32px;

}

.topNav ul li ul.topNav-sub li a{

    font-size:15px;

    color:#666666;

    line-height:32px;

}

.topNav ul li ul.topNav-sub li i{

    width: 8px;

    height: 10px;

    display: inline-block;

    margin-left: 8px;

    background: url(../images/icon-tri2.png) no-repeat center left;

    display: none;

}

.topNav ul li:hover ul.topNav-sub {

    display: block;

}

.topNav ul li:hover a{

    color: #f39a09;

}

.topNav ul li ul.topNav-sub li:hover a {

    color: #214491;

}

.topNav ul li ul.topNav-sub li:hover i {

    display: inline-block;

}

.common-top .search{width:auto;height:28px;position:absolute;top:0;right:0;margin-top: 12px;}

.common-top .search a{color: #E0E0E0;line-height: 30px;float: right;}

.sb-search {

    position: relative;

    width: 0%;

    min-width: 26px;

    height: 26px;

    float: right;

    margin: 2px 0 2px 10px;

    overflow: hidden;

    -webkit-transition: width 0.3s;

    -moz-transition: width 0.3s;

    transition: width 0.3s;

    -webkit-backface-visibility: hidden;

}



.sb-search-input {

    position: absolute;

    top: 0;

    right: 0;

    border: none;

    outline: none;

    background: #fff;

    width: 160px;

    height: 26px;

    line-height: 20px;

    margin: 0;

    z-index: 10;

    font-family: inherit;

    font-size: 14px;

    color: #2c3e50;

    padding-left: 10px;

    border-radius: 3px;

    float: right;

}

.sb-search-input::-webkit-input-placeholder {

    color: #aaa;

}

.sb-search-input:-moz-placeholder {

    color: #aaa;

}

.sb-search-input::-moz-placeholder {

    color: #aaa;

}

.sb-search-input:-ms-input-placeholder {

    color: #aaa;

}



.sb-icon-search,

.sb-search-submit  {

    width: 26px;

    height: 26px;

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    padding: 0;

    margin: 0;

    line-height: 26px;

    text-align: center;

    cursor: pointer;

}

.sb-search-submit {

    background: #fff; /* IE needs this */

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */

    filter: alpha(opacity=0); /* IE 5-7 */

    opacity: 0;

    color: transparent;

    border: none;

    outline: none;

    z-index: -1;

}

.sb-icon-search {

    color: #fff;

    /*background: #214491;*/

    z-index: 90;

    font-size: 16px;

    font-family: 'icomoon';

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    -webkit-font-smoothing: antialiased;

    background: #214491 url(../images/search.png) no-repeat center;

}



.sb-icon-search:before {

    /*content: "\e000";*/



}



/* Open state */

.sb-search.sb-search-open,

.no-js .sb-search {

    width: 180px;

}

.sb-search-open span{border-radius: 5px;}



.sb-search.sb-search-open .sb-icon-search,

.no-js .sb-search .sb-icon-search {

    background: #fff url(../images/search-on.png) no-repeat center;

    color: #606060;

    z-index: 11;

}



.sb-search.sb-search-open .sb-search-submit,

.no-js .sb-search .sb-search-submit {

    z-index: 90;

}









.common-nav{

    height: 88px;

    vertical-align: middle;

    position: relative;

}

.common-nav .logo{

    height: 63px;

    margin-top: 12px;

}
.common-nav .logo img{width: 100px}

#nav{float:right}

#nav .main-nav{margin-top:28px}

#nav .main-nav .search{display:none}

#nav .main-nav>ul{margin:0;position:relative;right:-15px}

#nav .main-nav>ul>li{position: relative;float:left;margin:0;padding:0 40px;}

#nav .main-nav>ul>li:before{display:none}

#nav .main-nav>ul>li>a{position: relative;font-weight:normal;color:#333333;text-decoration:none;display:block;text-align:center;font-size:18px;line-height:160%}

#nav .main-nav>ul>li>a>span{display:inline-block; padding: 15px 8px 15px;

    border-bottom: 2px solid #fff;}

#nav .main-nav>ul>li.active>a>span,

#nav .main-nav>ul>li.current>a>span,

#nav .main-nav>ul>li:hover>a>span{border-bottom-color:#00529e}

#nav .main-nav>ul>li.open{background-color:#f2f2f2}

#nav .main-nav>ul>li.open.current>a>span{border-bottom-color:#00529e}





.common-nav-sub .flyout{position:absolute;left:0;top:88px;background-color:#f2f2f2;width:100%;z-index:1200;padding:35px 0 25px}

.common-nav-sub .flyout .close{position:absolute;right:-15px;top:-5px}

.common-nav-sub .flyout .close:before{font-size:40px;font-size:3.07692308rem;line-height:100%;color:#999999}

.common-nav-sub .flyout .close:hover{text-decoration:none}

.common-nav-sub .flyout .close:hover:before{color:#0078e5}

.common-nav-sub .flyout .loader{display:block;margin:100px auto}

.cs-cols:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

.cs-cols.cs-2-1-cols>div{width:300px;margin-left:36px;float:left}

.cs-cols.cs-2-1-cols>div:first-child{width:636px;margin-left:0}

.cs-cols.cs-2-1-cols>div .cs-2-cols>div{width:306px;margin-left:24px;float:left}

.cs-cols.cs-2-1-cols>div .cs-2-cols>div:first-child{margin-left:0}

.cs-cols.cs-2-1-cols>div .cs-3-cols>div{width:197px;margin-left:23px;float:left}

.cs-cols.cs-2-1-cols>div .cs-3-cols>div:first-child{margin-left:0;width:196px}

.cs-cols.cs-1-2-cols>div{width:636px;margin-left:36px;float:left}

.cs-cols.cs-1-2-cols>div:first-child{margin-left:0;width:300px}

.cs-cols.cs-2-cols>div{width:48%;margin-left:4%;float:left}

/*.cs-cols.cs-2-cols>div:first-child{margin-left:0}*/

.cs-cols.cs-3-cols>div{width:360px;margin-right:36px;float:left}

.cs-cols.cs-3-cols>div:first-child{margin-left:0}

.cs-cols.cs-4-cols>div{width:22%;margin-left:4%;float:left}

.cs-cols.cs-4-cols>div:first-child{margin-left:0;width:22%}

.common-nav-sub .flyout ul{margin-bottom:0}

.common-nav-sub .flyout ul li{font-size:15px;font-size:1.15384615rem;line-height:160%;font-weight:600;margin-bottom:15px;padding-left:0}

.common-nav-sub .flyout ul li:before{display:none}

.common-nav-sub .flyout ul li a{color:#333333; font-weight: normal;}

.common-nav-sub .flyout ul li a:hover{text-decoration:none;color:#214491}

.common-nav-sub .flyout ul li ul{margin-top:7px}

.common-nav-sub .flyout ul li ul li{font-size:13px;font-size:1rem;line-height:160%;font-weight:400;margin-bottom:5px;padding-left:15px;background:url(../images/nav-arrow.png) no-repeat center left;}

.common-nav-sub .flyout ul li ul li a{color:#666666; font-weight: normal;}

.common-nav-sub .flyout .workpieces .workpiece-item{padding:0 1%;float:left;width:14%;overflow:hidden;margin-bottom:20px}

.common-nav-sub .flyout .workpieces .workpiece-item:nth-child(6n+1){clear:both}

.common-nav-sub .flyout .workpieces .workpiece-item .image{text-align:center;min-height:100px;position:relative;display:block;margin-bottom:3px}

.common-nav-sub .flyout .workpieces .workpiece-item .image img{width:auto;height:auto;display:inline-block;max-width:100%;max-height:100%;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}

.common-nav-sub .flyout .workpieces .workpiece-item p{margin-bottom:0;text-align: center; color:#666;}

.common-nav-sub .flyout .workpieces .workpiece-item:hover p{color:#214491}

.common-nav-sub .flyout .industries>div>p{font-size:15px;font-size:1.15384615rem;line-height:160%;font-weight:600;clear:both;margin-bottom:2rem}

.common-nav-sub .flyout .industries .industry-items+p{margin-top:55px}

.common-nav-sub .flyout .industries .industry-item{clear:both}

.common-nav-sub .flyout .touch-alt-link-wrapper,

.common-nav-sub .flyout .link-wrapper{display:none;border-top:1px solid #cccccc;padding-top:10px;margin-top:20px;margin-bottom:0;clear:both}

.common-nav-sub .flyout .touch-alt-link-wrapper .touch-alt-link,

.common-nav-sub .flyout .link-wrapper .touch-alt-link,

.common-nav-sub .flyout .touch-alt-link-wrapper a,

.common-nav-sub .flyout .link-wrapper a{color:#999999;font-weight:normal;text-decoration:none;font-size:13px;font-size:1rem;line-height:160%}

.common-nav-sub .flyout .touch-alt-link-wrapper .touch-alt-link:after,

.common-nav-sub .flyout .link-wrapper .touch-alt-link:after,

.common-nav-sub .flyout .touch-alt-link-wrapper a:after,

.common-nav-sub .flyout .link-wrapper a:after{display:none !important}

.common-nav-sub .flyout .touch-alt-link-wrapper .touch-alt-link:before,

.common-nav-sub .flyout .link-wrapper .touch-alt-link:before,

.common-nav-sub .flyout .touch-alt-link-wrapper a:before,

.common-nav-sub .flyout .link-wrapper a:before{font-size:14px;line-height:130%;margin-right:10px}

.common-nav-sub .flyout .touch-alt-link-wrapper .touch-alt-link:hover,

.common-nav-sub .flyout .link-wrapper .touch-alt-link:hover,

.common-nav-sub .flyout .touch-alt-link-wrapper a:hover,

.common-nav-sub .flyout .link-wrapper a:hover{color:#0078e5}

.common-nav-sub .flyout .link-wrapper{display:block;text-align:center}

.common-nav-sub .flyout .link-wrapper a{color:#0078e5}

.common-nav-sub .flyout .link-wrapper a:hover{text-decoration:underline}

p.bigger {

    font-size: 15px;

    font-size: 1.15384615rem;

    line-height: 160%;

}

p.bigger a{

    font-size: 1.15384615rem;

    line-height: 160%;

    font-weight: 600;

    margin-bottom: 15px;

    padding-left: 0;

    color: #333333;

    font-weight: normal;

}

p.bodytext{

    font-size:1rem;

    color:#666666;

    line-height: 160%;

    font-weight: 400;

    margin-bottom: 5px;

}

p.bodytext a{

    color: #214491;

}

.icon-box {

    margin-bottom: 20px;

    margin-left: 55px;

    position: relative;

    word-wrap: break-word;

}

.icon-phone,.icon-net,.icon-email{

    position: absolute;

    left: -55px;

    top: 0;

    width:42px;

    height: 42px;

    /*background: #ccc;*/

}

.icon-phone{

    background: url(../images/icon-phone.png) no-repeat center left;

}

.icon-net{

    background: url(../images/icon-net.png) no-repeat center left;

}

.icon-email{

    background: url(../images/icon-email.png) no-repeat center left;

}





#banner {position:relative; z-index:2; width:100%; height:685px; overflow:hidden;}

#banner .pics {position:relative; width:100%; height:100%;}

#banner .pics li {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat center 0;}

#banner .pics li a {display:block; width:100%; height:100%;}

#banner .pics>li:first-child {display:list-item;}

#banner .btns a {position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}

#banner .btns .prev {left:-50px;}

#banner .btns .next {right:-50px;}

#banner .btns .prev.on {left:120px;}

#banner .btns .next.on {right:120px;}

#banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms;  transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;}

#banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;}

#banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;}

#banner .btns .prev .off {background:url(../images/prev.png) no-repeat 0 0;}

#banner .btns .prev .on  {background:url(../images/prev_on.png) no-repeat 0 0;}

#banner .btns .next .off {background:url(../images/next.png) no-repeat 0 0;}

#banner .btns .next .on {background:url(../images/next_on.png) no-repeat 0 0;}

#banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;}

#banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;}



#banner .g-wrap {position:absolute; bottom:0; z-index:2; width:100%; height:54px; overflow:hidden;background: rgba(8,19,44,0.58);}

#banner .g-wrap ul{ margin:0 auto; padding-top: 28px;}

#banner .g-wrap .idxs { height: 54px; text-align: center;}

#banner .g-wrap .idxs li {vertical-align: top; margin:26px 8px 0 8px; display:inline-block; text-align:center; width:52px; height:3px; background: #fff; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;}

#banner .g-wrap .idxs li.on {background-color:#f29700; border-color:#f29700;}





























.container{position:relative; overflow:hidden; height:auto; width:100%; min-width:1200px; max-width:1920px; margin:0 auto;}



.index-tit{



}

.index-tit h3{

    font-size: 30px;

    color: #214491;

    text-align: center;

    font-weight: normal;

}

.index-tit h3 .tit-left{

    width: 98px;

    height: 12px;

    display: inline-block;

    vertical-align: middle;

    margin:0 28px;

    background: url(../images/title-left.png) no-repeat center right;

}

.index-tit h3 .tit-right{

    width: 98px;

    height: 12px;

    display: inline-block;

    vertical-align: middle;

    margin:0 28px;

    background: url(../images/title-right.png) no-repeat center right;

}

.index-tit h4{

    color: #214491;

    line-height: 32px;

    text-align: center;

    font-weight: normal;

}

.index-parts h3,.index-parts h4,

.index-service h3,.index-service h4{

    color: #fff;

}

.index-parts h3 .tit-left,

.index-service h3 .tit-left{

    background: url(../images/title-left-b.png) no-repeat center right;

}

.index-parts h3 .tit-right,

.index-service h3 .tit-right{

    background: url(../images/title-right-b.png) no-repeat center right;

}

.index-con{

    padding:50px 0;

}





/*产品展示*/

.index-product{

    height: 500px;

}

.index-product-list{

    margin-top: 60px;

}

.personList{



}

.personList div.slide-info{

    margin: 10px;

    padding: 2%;

    position: relative;

    text-align: center;

    border-radius: 50%;

    /*border:2px solid #000;*/

    width: 268px;

    height: 268px;

    display: block;

    overflow: hidden;

    overflow: hidden;

}

.personList div.slick-slide{

    /*margin: 10px;*/

}

.personList div.slick-slide img{

    width: 268px;

    height: 268px;

    display: block;

    overflow: hidden;

    border-radius: 50%;

}

.personList .slick-prev, 

.personList .slick-next {

    position: absolute;

    display: block;

    height: 66px;

    width: 38px;

    top: 50%;

    margin-top: -40px;

    padding: 0;

}

.personList .slick-prev{ 

    left: -38px;

    background:url(../images/btn-left.png) no-repeat;

}

.personList .slick-prev:hover{ 

    background:url(../images/btn-left-on.png) no-repeat;

}

.personList .slick-next { 

    right: -38px;

    background:url(../images/btn-right.png) no-repeat;

}

.personList .slick-next:hover { 

    background:url(../images/btn-right-on.png) no-repeat;

}

.personList .hover-text{

    color: #fff;

    position: absolute;

    left: 6px;

    top: 6px;

    width: 268px;

    height: 268px;

    border-radius: 50%;

    overflow: hidden;    

    /*display: block;*/

    background: rgba(33,68,145,0.9);

    /*display: none;*/

    opacity: 0.1;

}

.personList .hover-text h4{

    text-align: center;

    line-height: 40px;

    display: inline-block;

    padding-top: 22px;

    max-width: 170px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-weight: normal;

    border-bottom: 1px solid #fff;

    font-size: 18px;

}

.personList .hover-text p{

    width: 184px;

    margin:10px auto;

    text-align: center;

    line-height: 28px;

    height: 112px;

    overflow: hidden;

}

.personList .hover-text a{

    font-size: 14px;

    width: 100px;

    height: 32px;

    border:1px solid #fff;

    border-radius: 34px;

    text-align: center;

    line-height: 32px;

    margin:0 auto;

    color: #fff;

    display: block;

}

.radial-in {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  overflow: hidden;

  background: #2098d1;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.radial-in:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #e1e1e1;

  border-radius: 100%;

  -webkit-transform: scale(2);

  transform: scale(2);

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.radial-in:hover, .radial-in:focus, .radial-in:active {

  color: white;

  opacity: 1;

}

.radial-in:hover:before, .radial-in:focus:before, .radial-in:active:before {

  -webkit-transform: scale(0);

  transform: scale(0);

}



/*精密零件*/

.index-parts{

    height: 596px;

    background: url(../images/bg-parts.jpg) no-repeat center;

}

.index-parts-list{

    margin-top: 36px;

}

.index-parts-list .one-time{



}

.index-parts-list .one-time .parts-pic{

    width: 300px;

    height: 260px;

    display: block;

    overflow: hidden;

}
.index-parts-list .one-time .parts-pic a{
    width: 300px;

    height: 260px;

    display: block;

    overflow: hidden;
    
}
.index-parts-list .one-time .parts-pic img{

    /*width: 100%;*/

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.index-parts-list .one-time .parts-text{

    height: 118px;

    background: #f4f4f4;

    padding: 0 25px;

    width: 250px;

}

.index-parts-list .one-time .parts-text h4{

    color: #595c5c;

    font-size: 18px;

    font-weight: normal;

    line-height: 66px;

    height: 66px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.index-parts-list .one-time .parts-text a{

    color: #f29700;

    font-size: 14px;

}

.index-parts-list .one-time .slick-slide:hover{

    /*box-shadow: 0 8px 16px 0 rgba(7,17,27,.2);*/

}

.index-parts-list .one-time .slick-slide:hover .parts-text{

    background: #214491;

}

.index-parts-list .one-time .slick-slide:nth-child(even){

    position: relative;

}

.index-parts-list .one-time .slick-slide:nth-child(even) .parts-pic{

    position: absolute;

    top: 118px;

    left: 0;

}

.index-parts-list .one-time .slick-slide:nth-child(even) .parts-text{

    position: absolute;

    top: 0;

    left: 0;

}

.index-parts-list .one-time .slick-slide:hover .parts-text h4,

.index-parts-list .one-time .slick-slide:hover .parts-text a{

    color: #fff;

}

.index-parts-list .one-time .slick-slide:hover .parts-pic img{

    transform:scale(1.1,1.1);

    -ms-transform:scale(1.1,1.1);     /* IE 9 */

    -moz-transform:scale(1.1,1.1);    /* Firefox */

    -webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */

    -o-transform:scale(1.1,1.1);

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.index-parts-list .one-time .slick-dots,

.index-news-list .one-time .slick-dots,

.index-service-list .center .slick-dots,

.detail-tab-main .slider .slick-dots{

    position: relative;

    margin-top: 66px;

}

.index-parts-list .one-time .slick-dots li,

.index-news-list .one-time .slick-dots li,

.index-service-list .center .slick-dots li,

.detail-tab-main .slider .slick-dots li{

    width: 52px;

    height: 3px;

    margin:0 8px;

}

.index-parts-list .slick-dots li button , 

.index-news-list .slick-dots li button , 

.index-service-list .slick-dots li button,

.detail-tab-main  .slick-dots li button { 

    width: 52px;

    height: 3px;

    font-size: 0;

    line-height: 0;

    padding: 0;

    background: #bfbfbf;

}

.index-parts-list .one-time .slick-dots li.slick-active button,

.index-news-list .one-time .slick-dots li.slick-active button,

.index-service-list .center .slick-dots li.slick-active button{

    background: #f29700; 

    color: #fff; 

}

.detail-tab-main .slider .slick-dots li.slick-active button{

    background: #214591;

    color: #fff; 

}



/*工艺展示*/

.index-show{

    height: 780px;

}

.index-show-list{

    margin-top: 120px;

}

.index-show-list .more{

    font-size: 14px;

    width: 100px;

    height: 32px;

    border: 1px solid #214491;

    border-radius: 34px;

    text-align: center;

    line-height: 32px;

    margin: 0 auto;

    color: #214491;

    display: block;

    margin-top: 40px;

}

.index-show-list ul{

    margin-left: -20px;

}

.index-show-list ul li{

    margin-left: 20px;

    float: left;

    /*width: 280px;

    height: 500px;

    border-radius: 140px;

    background: #ccc;*/

    display: inline-block;

    position: relative;

}

.index-show-list ul li .show-title{

    background: url(../images/index-viedo.png) no-repeat center;

    width: 128px;

    height: 148px;

    display: inline-block;

    position: absolute;

    left: 50%;

    margin-left: -64px;

    top: -80px;

    z-index: 101;

    display: none;

}

.index-show-list ul li .show-title h3{

    font-weight: normal;

    line-height: 130px;

    height: 130px;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #fff;

    text-align: center;

}



.index-show-list ul li .show-main{

    width: 280px;

    height: 500px;

    border-radius: 140px;

    background: #ccc;

    display: inline-block;

    position: relative;

    overflow: hidden;

}

.index-show-list ul li .show-main .video{

    width: 128px;

    height: 128px;

    background: url(../images/play.png) no-repeat center;

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -64px;

    margin-top: -64px;

    z-index: 102;

}

.index-show-list ul li .show-hover{

    position: absolute;

    left: 0;

    top: 0;

    width: 280px;

    height: 500px;

    border-radius: 140px;

    background: rgba(33,68,145,0.55);

    display: none;

    z-index: 100;

}

.index-show-list ul li:hover .show-title,

.index-show-list ul li:hover .show-hover{

    display: block;

}







/*服务创新*/

.index-service{

    height: 558px;

    background: url(../images/bg-service.jpg) no-repeat center;

}

.index-service-list .slick-slide{

    text-align: center;

    /*background: #f00;*/

}

.hex {

    position: relative;

    margin:10px;

    list-style-type: none;

    float: left;

    overflow: hidden;

    visibility: hidden;

    outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */

    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);

        -ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px);

            transform: rotate(-60deg) skewY(30deg) translatez(-1px);

}

.hexIn {

    display:block;

    width: 100%;

    height: 100%;

    text-align: center;

    color: #fff;

    overflow: hidden;

    -webkit-transform: skewY(-30deg) rotate(60deg);

        -ms-transform: skewY(-30deg) rotate(60deg);

            transform: skewY(-30deg) rotate(60deg);

}

.hex {

    /*width: 100%;*/

    /*padding-bottom: 116%; */

    width: 90%;

    padding-bottom: 104%; 

    position: relative;

    list-style-type: none;

    float: left;

    overflow: hidden;

    visibility: hidden;

    outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */

    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);

        -ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px);

            transform: rotate(-60deg) skewY(30deg) translatez(-1px);

}

.hex * {

    position: absolute;

    visibility: visible;

    /*outline:1px solid transparent;  fix for jagged edges in FF on hover transition */

}

.center .pic {

    display:block;

    height: 100%;

    text-align: center;

    color: #fff;

    overflow: hidden;

    -webkit-transform: skewY(-30deg) rotate(60deg);

        -ms-transform: skewY(-30deg) rotate(60deg);

            transform: skewY(-30deg) rotate(60deg);

}



.hex img {

    left: -100%;

    right: -100%;

    width: auto;

    height: 100%;

    margin: 0 auto;

}

.center .slick-track{

    padding: 60px 0;

}

.center .slick-center .box{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);opacity:1;transform:scale(1.1);}

.center .box{opacity:0.8;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease;}

.center .slick-center{

    margin-top: -10px;

}

.hexIn .bg{

    width:100%;

    height:100%;

    /*background:#ccc;*/

}

.hexIn .bg .inner{

    margin-top:5%;

    margin-left:5%;

    width:90%;

    height:90%;

    background:url(../images/liu.png) no-repeat center;

    background-size: contain;

}

.hexIn .bg .inner span{

    width:0; 

    height:0; 

    border-left:10px solid transparent;

    border-right:10px solid transparent;

    border-bottom:10px solid #fff;

    display: block;

    position: absolute;

    left: 50%;

    top: 36px;

    margin-left: -10px;

}

.hexIn .bg .inner h3{

    font-size: 16px;

    text-align: center;

    width: 100%;

    overflow: hidden;

    font-weight: normal;

    color: #fff;

    line-height: 36px;

    margin-top: 50px;

}

.hexIn .bg .inner h4{

    font-size: 14px;

    text-align: center;

    width: 100%;

    overflow: hidden;

    font-weight: normal;

    color: #fff;

    margin-top: 80px;

    line-height: 36px;

}

.hexIn .bg .inner p{

    font-size: 14px;

    text-align: center;

    max-width: 80%;

    margin-left: 10%;

    overflow: hidden;

    margin-top: 116px;

}

.hexIn .bg .hover{

    width: 76%;

    margin-left: 12%;

    background: none;

    font-size: 14px;

    line-height: 24px;

    max-height: 120px;    

    position: absolute;

    left: 0;

    top: 50px;

    display: none;

}

.index-service-list .slider .slick-slide:nth-child(5n) .box .bg{

    background: #214491;

}

.index-service-list .slider .slick-slide:nth-child(5n+1) .box .bg{

    background: #1795df;

}

.index-service-list .slider .slick-slide:nth-child(5n+2) .box .bg{

    background: #e0797b;

}

.index-service-list .slider .slick-slide:nth-child(5n+3) .box .bg{

    background: #1b9ca1;

}

.index-service-list .slider .slick-slide:nth-child(5n+4) .box .bg{

    background: #e8a028;

}

.index-service-list .slider .box .bg:hover .inner{

    display: none;

}

.index-service-list .slider .box .bg:hover .hover {

    display: block;

}





/*新闻资讯*/

.index-news{

    height: 640px;



}

.index-news-list{



}

.index-news-ul{

    margin: 50px 0;

    text-align: center;

}

.index-news-ul li{

    display: inline-block;

}

.index-news-ul li a{

    font-size: 16px;

    color: #fff;

    text-align: center;

    background: #bfbfbf;

    height:42px;

    line-height: 42px;

    display: block;

    padding:0 30px;

}

.index-news-ul li:hover a,

.index-news-ul li.current a{

    text-align: center;

    background: #214491;

}

.index-news-list{

    margin-top: 36px;

}

.index-news-list .one-time{



}

.index-news-list .one-time .news-pic{

    width: 100%;

    /*height: 260px;*/

    display: block;

    overflow: hidden;

}

.index-news-list .one-time .news-pic img{

    /*width: 100%;*/

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.index-news-list .one-time .news-info{

    /*height: 118px;*/

    background: #fff;

    padding:5px 10px 10px 10px;

    /*width: 250px;*/

}

.index-news-list .one-time .news-info p.news-info-tit,

.news-list .news-item p.news-info-tit{

    color: #595c5c;

    font-size: 16px;

    font-weight: normal;

    line-height: 36px;

    height: 36px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.index-news-list .one-time .news-info .news-info-desc,

.news-list .news-item .news-info-desc{

    color: #a5a5a5;

    font-size: 14px;

    font-weight: normal;

    line-height: 20px;

    max-height: 40px;

    overflow: hidden;

}

.news-list .news-item .news-info-pos{

    color: #a5a5a5;

    font-size: 14px;

    font-weight: normal;

    line-height: 20px;

    height: 24px;

    overflow: hidden;

    background: url(../images/icon-pos.png) no-repeat center left;

    padding-left: 20px;

}

.index-news-list .one-time .slide-main{

    padding:10px;

    background: #fff;

    margin:0 10px;

    border-radius: 2px;

    /*border:1px solid #f00;*/

    position: relative;

}

.index-news-list .one-time .news-info-time,

.news-list .news-item .news-info-time{

    margin-top: 12px;

    color: #9d9d9d;

}

.index-news-list .one-time .slide-main .yue,

.news-list .news-item .yue{

    font-size: 18px;

}

.index-news-list .one-time .slide-main .nian,

.news-list .news-item .nian{

    font-size: 14px;

}

.index-news-list .one-time .goDetail,

.news-list .news-item .goDetail{

    width: 86px;

    height: 24px;

    display: inline-block;

    margin-top: 4px;

    background: url(../images/icon-go.png) no-repeat;

}

.index-news-list .one-time .slide-main span,

.news-list .news-item span{

    display:block; 

    position:absolute; 

    width:0px; 

    height:0px; 

    background:#f29700; 

    bottom:0; 

    left:50%;

    z-index: 999;    

}

.index-news-list .one-time .slide-main:hover a.goDetail,

.news-list .news-item:hover a.goDetail{

    background: url(../images/icon-go-hover.png) no-repeat;

}

/*用户当前位置*/

.user-pos{

    background: #214591;

    height: 40px;

    line-height: 40px;

    font-size: 12px;

    color: #fff;

}

.user-pos a{

    margin:0 10px;

    color: #fff;

}

.user-pos .wrap{

    width: 1170px;

    display: block;

    padding-left: 30px;

    background: url(../images/icon-user-pos.png) no-repeat center left;

}
.user-pos-black{
    color: #333;
    height: 60px;
    line-height: 60px;
    background: #fff;
}
.user-pos-black a{
    color: #333;
}
.user-pos-black .wrap{
    background: url(../images/icon-user-pos2.png) no-repeat center left;
}
.other-banner{

    height: 500px;

    background: #ccc;

    position: relative;

    color: #fff;

    margin: 0 auto;

    text-align: center;

}
.other-banner>img{
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.other-banner h2{

    font-weight: normal;

    font-size: 60px;

    line-height: 100px;

    padding-top: 40px;

    text-transform:uppercase;


}

.other-banner h3{

    font-weight: normal;

    font-size: 30px;

    line-height: 60px;

}

.other-banner h3 span{

    width: 98px;

    height: 2px;

    display: inline-block;

    vertical-align: middle;

    margin: 0 28px;

    background: #fff;

}

.other-banner p{

    /*font-size: 16px;

    line-height: 32px;

    text-align: center;

    overflow: hidden;

    margin: 26px auto;*/


    font-size: 48px;
    line-height: 64px;
    padding:32px 0;
    text-align: center;
    overflow: hidden;
    margin: 26px auto;
    font-family: "";

}

.other-banner a.banner-go{

    background: url(../images/banner-go.png) no-repeat;

    width: 50px;

    height: 50px;

    display: block;

    margin:0 auto;

}







/*common-footer*/

.common-footer{

    width: 100%;

    overflow: hidden;

    display: block;

}

.footer-top{

    height: 180px;

    position: relative;

}

.footer-top img{

    position: absolute;

    left: 50%;

    margin-left: -960px;

}

.footer-list{

    margin: 30px 0; 

}

.footer-list dl{

    float: left;

    width: 200px;

}

.footer-list dl dt{

    font-size: 20px;

    color: #595c5c;

    line-height: 40px;

}

.footer-list dl dd{

    font-size: 16px;

    color: #595c5c;

    line-height: 24px;

}

.footer-list dl dd a{

    color: #595c5c;

}
.footer-list dl dd a:hover{
    text-decoration: underline;
}

.footer-link{

    line-height: 54px;

    border-top: 1px solid #878989;

}

.footer-link dl dt,

.footer-link dl dd{

    float: left;

    font-size: 18px;

    color: #595c5c;

}

.footer-link dl dd a{

    color: #595c5c;

}
.footer-link dl dd a:hover{
    text-decoration: underline;
}

.footer-link dl dd{

    margin-right: 40px;

}

.footer-bottom{

    text-align: center;

    line-height: 72px;

    height: 72px;

    background: #173985;

    color: #fff;

}

.footer-bottom p span a:hover{

    text-decoration: underline;

}


/*主体内容*/

.content{

    margin-top: -80px;

    margin-bottom: 70px;

}

.content-l{

    width: 1000px;

}

.content-r{

    width: 178px;

    position: relative;

}

.content-r .right-nav{

    padding: 0 26px 26px 18px;

    background: #214591;

}

.content-r .right-nav ul li{

    font-size: 20px;

    line-height: 62px;
    height: 62px;

    border-bottom: 1px solid #5974ad;    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;

}

.content-r .right-nav ul li a{

    padding-left: 6px;

    color: #fff;    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.content-r .right-nav ul li a i{

    width: 8px; 

    height: 10px;

    display: inline-block;

    margin-left: 8px;

    background: url(../images/icon-tri.png) no-repeat center left;

    display: none;

}

.content-r .right-nav ul li a.current,
.content-r .right-nav ul li:hover,
.content-r .right-nav ul li:hover a{

    color: #f39a09;

}

.content-r .right-nav ul li a.current i,

.content-r .right-nav ul li:hover a i{

    display: inline-block;

}

/*产品列表详情*/

.product-list{

    margin-top: 20px;

}

.product-top ul{
    margin: 20px 0 0 0;

}

.product-top ul li{
    float: left;
    padding:0 20px;
    display: inline-block;
    /*background: #bfbfbf;*/
    /*border:1px solid #bfbfbf;*/
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #bfbfbf;
    text-align: center;
    margin-right: 20px;
    cursor: pointer;
}
.product-top ul li.current {
    background: #214491;
    color: #fff;
}


.product-sort{

    margin-top: 36px;

}

.product-list-ul{

    margin-left: -10px;

}

.product-list-ul .product-item{

    width: 230px;

    float: left;

    margin-left: 10px;

    margin-top: 25px;

    position: relative;

}

.product-list-ul .product-item span{

    display: block;

    position: absolute;

    width: 0px;

    height: 0px;

    background: #214591;

    bottom: 0;

    left: 50%;

    z-index: 999;

}

.product-list-ul .product-item .product-img{

    width: 230px;

    height: 170px;

    overflow: hidden;

    border:1px solid #bfbfbf;

}

.product-list-ul .product-item .product-hover{

    width: 230px;

    height: 170px;

    overflow: hidden;

    border:1px solid rgba(33,69,145,0.55);

    z-index: 99;

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(33,69,145,0.55);

    display: none;

}

.product-list-ul .product-item .product-name{

    line-height: 36px;

    height: 36px;

    width: 230px;

    color: #a5a5a5;

    text-align: center;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.product-list-ul .product-item .product-hover a{

    width: 40px;

    height: 40px;

    background: url(../images/search.png) no-repeat center;

    border: 1px solid #fff;

    display: block;

    position: absolute;

    left: 50%;

    top:50%;

    margin-left: -21px;

    margin-top: -21px;

    z-index: 100;

}

.product-list-ul .product-item:hover .product-name{

    color: #214491;

}

.product-list-ul .product-item:hover .product-hover{

    display: block;

}

.product-list-ul .slick-prev{

    top: 100px;

    left: -26px;

    background:url(../images/prev_on.png) no-repeat;

    width: 30px;

    height: 30px;

    background-size: 30px;

}

.product-list-ul .slick-next{

    top: 100px;

    right: -36px;

    background:url(../images/next_on.png) no-repeat;

    width: 30px;

    height: 30px;

    background-size: 30px;

}

/*产品详情*/

.product-detail-top{



}

.product-detail-top .product-desc{

    background: #f7f7f7;    

    padding: 70px 0;

}

.product-detail-top .product-desc .fl{

    width: 600px;

}

.product-detail-top .product-desc .fl h3{

    font-weight: normal;

    font-size: 36px;

    color: #214591;

    display: inline-block;

    padding-bottom:16px;

    margin-bottom:12px;

}

.product-detail-top .product-desc .fl p{

    font-size: 18px;

    color: #595c5c;

    line-height: 32px;    

    overflow: hidden;

}

.product-detail-top .product-desc .fr{

    width: 460px;

    /*height: 190px;*/

    overflow: hidden;

}

.product-detail-top .product-desc .fr img{

    width: 100%;

}



.detail-tab-top{

    height: 44px;

    line-height: 44px;

    background: #bfbfbf;

    width: 100%;

    z-index: 99;

}

.detail-tab-top #tab_top_menu li{

    float: left;

    color: #fff;

    font-size: 18px;

    /*padding:0 40px;*/

}

.detail-tab-top #tab_top_menu li a{

    color: #fff;

    padding:0 40px;

    display: inline-block;

}

.detail-tab-top #tab_top_menu li a.current{

    background: #214591;

}

.detail-tab-con .con{

    width: 810px;

}

.detail-tab-con .con .common-title{

    font-size: 24px;

    line-height: 30px;

    font-weight: normal;

    padding-top: 44px;

    padding-bottom: 10px;

    color: #595c5c;

    border-bottom:2px solid #c8c8c8;

}

.detail-tab-con .con .common-text,

.detail-tab-con .con dt,

.detail-tab-con .con dd{

    font-size: 18px;

    color: #595c5c;

    line-height: 32px;

    overflow: hidden;

}

.detail-tab-con .con dd{

    font-size: 16px;

    padding:10px 0;

}

.detail-tab-con .con dd img{

    /*width: 810px;*/

    max-width: 100%;

    overflow: hidden;

}

.detail-tab-con .con .common-text{

    padding:20px 0;

}

.detail-tab-con .con dl{

    padding:20px 0;

    border-top: 1px dotted #5f6262;

}

.fix {

    position:fixed!important;

    top:0!important;

}

.consult-fix {

    position:fixed!important;

    top:44px!important;

    left: 50%;

    margin-left: 288px;

}

.detail-partner .slick-list{

    width: 96%;

    margin: 0 2%;

}

.detail-partner .slick-prev{

    top: 60px;

    left: -6px;

    background:url(../images/prev_on.png) no-repeat;

    width: 30px;

    height: 30px;

    background-size: 30px;

}

.detail-partner .slick-slide a{

    border:1px solid #c3c3c3;

    display: block;

    margin:10px;

}

.detail-partner .slick-slide a img{

    width: 160px;

    height: 120px;

    overflow: hidden;

    display: block;

}

.detail-partner .slick-next{

    top: 60px;

    right: -8px;

    background:url(../images/next_on.png) no-repeat;

    width: 30px;

    height: 30px;

    background-size: 30px;

}



.detail-tab-main .one,

.detail-tab-main .two{

    width: 100%;

}

.detail-tab-main .slick-slide a{

    display: block;

    margin:10px;

}

.detail-tab-main .slick-slide a img{

    width: 160px;

    height: 120px;

    overflow: hidden;

    display: block;

    margin:0 auto;

}

.detail-tab-main .slick-slide a p{

    line-height: 36px;

    color: #a5a5a5;

    text-align: center;

}

.detail-tab>ul li{

    display: inline-block;

    margin:10px 0 ;

    position: relative;

}

.detail-tab>ul li a{

    font-size: 16px;

    color: #fff;

    text-align: center;

    background: #bfbfbf;

    height:36px;

    line-height: 36px;

    display: block;

    padding:0 20px;

}

.detail-tab>ul li span{

    width:0; 

    height:0; 

    border-left:10px solid transparent;

    border-right:10px solid transparent;

    border-top:10px solid #214491;

    position: absolute;

    left: 50%;

    top:36px;

    margin-left: -10px;

    display: none

}

.detail-tab>ul li.current a{

    text-align: center;

    background: #214491;

}

.detail-tab>ul li.current span{

    display: block;

}

/*详情-图片视频*/

.con-pic{



}

.con-pic #picList{

    /*height: 200px;*/

    /*overflow: hidden;*/

    margin:10px 0 0 -15px;

}

.con-pic #picList li{

    float: left;

    width: 260px;

    height: 200px;

    margin-left: 15px;

    margin-bottom: 15px;

    position: relative;

}

.con-pic #picList li img{

    width: 260px;

    height: 200px;

    display: block;

}

.con-pic .oper{

    background: rgba(33,68,145,0.55);

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    display: none;

    margin: 0;

}

.con-pic .oper i{

    width: 60px;

    height: 60px;

    background: url(../images/jia.png) no-repeat center;

    background-size: contain;

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -30px;

    margin-top: -30px;

    z-index: 10;

}

.con-pic #picList li:hover .oper{
    display: block;
}


.con-video{



}

.con-video .video{

    width: 260px;

    height: 200px;

    overflow: hidden;

    margin:10px 0;

    display: block;

    position: relative;

}

.con-video .video img{

    width: 100%;

    display: block;

}

.con-video .video a{

    background: rgba(33,68,145,0.55);

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    margin: 0;

}

.con-video .video a i{

    width: 80px;

    height: 80px;

    background: url(../images/play.png) no-repeat center;

    background-size: contain;

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -40px;

    margin-top: -40px;

    z-index: 10;

}



/*集团介绍*/

.about-main{

    padding:20px 60px;

    background: #fff;

    color: #333;

}

.about-main .about-title{

    color: #214591;

    font-size: 30px;

    font-weight: normal;

    padding-bottom: 20px;

    margin-bottom: 24px;

    border-bottom: 6px solid #f0f0f0;

}

.about-main .about-text{

    padding:0 10px;

    color: #333;

    line-height: 32px;

}

.about-text .swiper-container {

    width: 100%;

    /*height: 300px;*/

    margin-left: auto;

    margin-right: auto;

}

.about-text .swiper-slide {

    background-size: cover;

    background-position: center;

}

.about-text .gallery-top {

    /*height: 80%;*/

    width: 100%;

}

.about-text .gallery-thumbs {

    height: 20%;

    box-sizing: border-box;

    padding: 10px 0;

}

.about-text .gallery-thumbs .swiper-slide {

    width: 10%;

    height: 100%;

    opacity: 0.6;

    text-align: center;

    line-height: 60px;

    cursor: pointer;

}

.about-text .gallery-thumbs .swiper-slide-active {

    opacity: 1;

    color: #214591;

}

.about-text .gallery-thumbs .swiper-slide span{

    width: 6px;

    height: 6px;

    display: block;

    background: #fff;

    border:2px solid #a5a5a5;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    margin-left: -5px;

}

.about-text .line{

    position: absolute;

    left: 0;

    top: 14px;

    width: 100%;

    background: #a5a5a5;

    height: 1px;

}

.about-text .gallery-thumbs .swiper-button-prev.swiper-button-white{

    top: 21px;

    left: 0;

    background: #fff url(../images/prev_on.png) no-repeat;

    background-size: 30px;

}

.about-text .gallery-thumbs .swiper-button-next.swiper-button-white{

    top: 21px;

    right: 0;

    background: #fff url(../images/next_on.png) no-repeat;

    background-size: 30px;

}

.about-text .swiper-container.gallery-thumbs{}



/*集团介绍 - 企业历史*/

.history-text ul li{

    padding: 40px;

    background: #f0f0f0;

    margin-top: 30px;

}

.history-text ul li .fl{

    width: 190px;

    text-align: center;

}

.history-text ul li .fr{

    width: 540px;

    float: left;

    display: inline-block;

    padding: 0 24px;

    border-left: 2px solid #000;

}

.history-text ul li .yue1{

    font-size: 48px;

    color: #333;

    display: block;

}

.history-text ul li .yue2{

    font-size: 24px;

    color: #a5a5a5;

    display: block;

    line-height: 60px;    

}

.history-text ul li img{

    max-width: 100%;

    overflow: hidden;

    display: inline-block;

}

/*集团介绍 - 企业荣誉*/

.honer-pic {

    /*height: 500px;*/

}

#example3 .sp-slides{

}
#example3 .sp-slides .sp-slide{
    border:1px solid #24479b;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;    
    overflow: hidden;
}
#example3 .sp-selected-thumbnail {
    border: 1px solid #24479b;
}
#example3 .sp-thumbnails-container {
    margin:10px auto;
}

.honer-list{

    border-top: 1px solid #bfbfbf;

    width: 730px;

    margin:0 auto;

    display: block;

    padding-top: 20px;

}

.honer-list li{

    width: 350px;

    height: 32px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    float: left;

    text-align: center;

    /*color: #a5a5a5;*/

    color: #595c5c;

}

.honer-list li:nth-child(odd){

    margin-right: 30px;

}

/*新闻*/

.news-main{

    /*background: #f00;*/

    color: #333;

}

.news-list{



}

.news-list ul{

    margin-left: -20px;

}

.news-list ul li{

    float: left;

    width: 280px;

    padding: 20px;

    margin-left: 20px;

    margin-top: 20px;

    background: #fff;

    border-radius: 4px; 

}

.news-list ul li .news-img{

    width: 280px;

    height: 140px;

    overflow: hidden;

    display: block;

}

.activity-list ul li .news-img{

    width: 280px;

    height: 190px;

    overflow: hidden;

    display: block;

}

.news-list ul li img{

    max-width: 100%;

    overflow: hidden;

}

.news-list .news-item{

    position: relative;

}

.news-more{

    margin-top: 60px;

    display: block;

    height: 60px;

    line-height: 60px;

    border:1px solid #bfbfbf;

    font-size: 18px;

    color: #333;

    text-align: center;

}

.news-more:hover{

    border:1px solid #f39a09;

    color: #f39a09;

}

.news-sort input[type="submit"],

.recruit-sort input[type="submit"],

.product-sort input[type="submit"]{

    width: 70px;

    height: 36px;

    border: 1px solid #214591;

    outline: none;

    color: #fff;

    background: #214591;

    cursor: pointer;

}

/*新闻详情*/

.news-detail{

    margin-top: 80px;

}

.news-detail .news-detail-top{

    padding: 20px 0 10px 0;

    margin-bottom:20px;

    border-bottom: 6px solid #f0f0f0;

    text-align: center;

}

.news-detail .news-detail-top h3{

    font-size: 24px;

    font-weight: normal;

    color: #595c5c;

    line-height: 52px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.news-detail .news-detail-top p{

    font-size: 16px;

    color: #9d9d9d;

    line-height: 28px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.news-detail .news-detail-text{

    font-size: 16px;

    color: #595c5c;

    line-height: 28px;

}

.news-detail-relate{

    padding-top: 20px;

    margin-top: 20px;

    border-top: 2px solid #f0f0f0;

}

.news-detail-relate .relate,

.news-detail-relate .relate a{

    font-size: 18px;

    color: #9d9d9d;

    line-height: 32px;

}

.news-detail-relate .relate:hover{

    color: #214591;

}

.news-detail-relate .relate:hover a{

    color: #333333;

}

.activity-info{

    color: #a5a5a5;

    margin-top: 20px;

}



/*人才招聘*/

.recruit-main{

    

}

.recruit-list{

    padding-top: 50px;

}

.recruit-list li.recruit-item{

    color: #a5a5a5;

    display: block;

}

.recruit-list li.recruit-item:nth-child(odd){

    background: #f0f0f0;

}

.recruit-list li.recruit-item:nth-child(even){

    background: #fff;

}

.recruit-list li.recruit-item .recruit-info{

    width: 100%;

    line-height: 72px;

    padding-left: 22px;

    height: 72px;

}

.recruit-list li.recruit-item .recruit-info span{

    margin-right: 20px;

    display: inline-block;

    float: left;

}

.recruit-list li.recruit-item .recruit-info span.s1{

    width: 22px;

    height: 22px;

    line-height: 22px;

    text-align: center;

    font-size: 18px;

    border-radius: 50%;

    border:1px solid #a5a5a5;

    cursor: pointer;

    margin-top: 26px;

}

.recruit-list li.recruit-item .recruit-info span.s2{

    width: 320px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.recruit-list li.recruit-item .recruit-info span.s3{

    width: 160px;

}

.recruit-list li.recruit-item .recruit-info span.s4{

    width: 160px;

}

.recruit-list li.recruit-item .recruit-desc{

    color: #a5a5a5;

    line-height: 32px;

    padding:0 22px;

    position: relative;

    background: #fff;

}

.recruit-list li.recruit-item:hover{

    color: #214591;

}

.recruit-list li.recruit-item:hover .recruit-info span.s1{

    color: #a5a5a5;

}

.recruit-form{

    margin-top: 50px;

    background: #214591;

    color: #fff;

    padding: 20px 40px 36px 40px;

}

.recruit-form h3{

    font-weight: normal;

    font-size: 20px;

    text-align: center;

}

.recruit-form h4{

    font-weight: normal;

    font-size: 16px;

    text-align: center;

    line-height: 28px;

}

.recruit-form p{

    height: 30px;

    line-height: 30px;

    margin-top: 14px;

}

.recruit-form p input{

    height: 30px;

    width: 180px;

    float: right;

    border:none;

    display: inline-block;

}

.recruit-form p select{

    height: 34px;

    width: 186px;

    float: right;

    border:none;

    display: inline-block;

}

.recruit-form textarea{

    width: 100%;

    height: 92px;

    resize:none;

}

.recruit-form input[type="submit"]{

    color: #333;

    font-size: 18px;

    width: 100%;

    line-height: 36px;

    height: 36px;

    margin-top:26px;

}

.recruit-sort{

    margin-top: -40px;

}

.recruit-btn{

    text-align: center;

    line-height: 36px;

    position: absolute;

    right: 22px;

    bottom: 0;

    line-height: 36px;

    width: 100px;

    height: 36px;

    border:1px solid #214591;

}

.recruit-btn:hover{

    background: #214591;

    color: #fff;

}

/*服务*/

.service-main{

    margin-top: 80px;

}

.service-menu{

    height: 60px;

    margin-top: -30px;

    margin-bottom: 70px;

    /*overflow: hidden;*/

}

.service-menu li{

    background: #bfbfbf;

    float: left;

    width: 238px;

    height: 60px;

    line-height: 60px;

    font-size: 18px;

    color: #fff;

    text-align: center;

    margin:0 1px;

}

.service-menu li.current{

    background: #214591;

}

.service-text{



}

.service-text .info .fl{

    width: 810px;

}

.service-text .info .fl h3{

    font-weight: normal;

    font-size: 26px;

    color: #595c5c;

    display: inline-block;

    padding-bottom:16px;

    margin-bottom:12px;

    padding-right:76px;

    border-bottom: 1px solid #bfbfbf;

}

.service-text .info .fl p{

    font-size: 18px;

    color: #595c5c;

    line-height: 32px;

}

.service-text .info .fr{

    width: 315px;

    height: 190px;

    overflow: hidden;

}

.service-text .info .fr img{

    width: 100%;

}

.service-text .text{

    /*font-size: 18px;*/

    /*color: #a5a5a5;*/

    /*line-height: 36px;*/

    font-size: 14px;

    line-height: 2em;

    padding-top: 20px;

    margin-top: 30px;

    border-top: 1px solid #bfbfbf;

}

.service-main .swiper-container {

    width: 100%;

    /*height: 300px;*/

    margin-left: auto;

    margin-right: auto;

}

.service-main .swiper-slide {

    background-size: cover;

    background-position: center;

}

.service-main .gallery-top {

    /*height: 80%;*/

    width: 100%;

}

.service-main .gallery-thumbs {

    height: 100%;

    line-height: 60px;

    box-sizing: border-box;

    /*padding: 10px 0;*/

}

.service-main .gallery-thumbs .swiper-slide {

    width: 20%;

    height: 100%;

    float: left;

    /*background: #bfbfbf;*/

    /*width: 238px;*/

    height: 60px;

    line-height: 60px;

    font-size: 18px;

    color: #fff;

    text-align: center;

    /*margin:0 1px;*/

    cursor: pointer;

    position: relative;

}
.service-main .gallery-thumbs .swiper-slide.current li{

    background: #214591;

}
.service-main .gallery-thumbs .swiper-slide span{

    position: absolute;

    left: 50%;

    top: 60px;

    margin-left: -20px;

    width: 0;

    height: 0;

    border-left:20px solid transparent;

    border-right:20px solid transparent;

    border-top:20px solid #f00;

}

/*.service-main .gallery-thumbs .swiper-slide-active {

    background: #214591;

}*/

.service-main .swiper-button-prev.swiper-button-white{

    top: 38px;

    left: -30px;

    background:url(../images/prev_on.png) no-repeat;

    background-size: 30px;

}

.service-main .swiper-button-next.swiper-button-white{

    top: 38px;

    right: -30px;

    background:url(../images/next_on.png) no-repeat;

    background-size: 30px;

}





/*联系我们*/

.contact-main{

    margin-top: 80px;

    margin-bottom: 110px;

}

.contact-icon ul{

    padding:70px 0 80px 0;

}

.contact-icon ul li{

    float: left;

    text-align: center;

    width: 300px;

}

.contact-icon ul li img{

    width: 80px;

    height: 80px;

    display: inline-block;

    text-align: center;

    margin:0 auto;

}

.contact-icon ul li p{

    font-size: 20px;

    line-height: 32px;

    color:#a5a5a5;

}

.contact-form .top{



}

.contact-form .top ul{

    margin-left: -60px;

}

.contact-form .top li{

    float: left;

    margin-left: 60px;

    width: 360px;

    border-bottom: 1px solid #a5a5a5;

    line-height: 48px;

    color: #a5a5a5;

    font-size: 20px;

}

.contact-form .top input{

    background: transparent;

    border:none;

    outline: none;

    padding-left: 10px;

    font-size: 20px;

}

.contact-form textarea{

    margin:50px 0;

    background: transparent;

    font-size: 20px;

    resize:none;

    outline: none;

    width: 100%;

    height: 376px;

}

.contact-form .oper{

    text-align: center;

}

.contact-form .oper input{

    width: 196px;

    height: 65px;

    line-height: 65px;

    display: inline-block;

    text-align: center;

    font-size: 20px;

    color: #fff;

    border:none;

    outline: none;

    margin:0 10px;

}

.contact-form .oper .contact-oper-submit{

    background: #214591;

}

.contact-form .oper .contact-oper-quit{

    background: #c8c8c8;

}


/*联系我们-地图*/
#map{
    height: 580px;
    /*background: #ccc;*/
    border-top: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    /*box-shadow: 0 2px 4px rgba(0,0,0,.33);*/
}
#allmap{
    height: 580px;
}
.map-bottom{
    margin-bottom: 70px;
}
.map-bottom .select{
    width:300px;
    height: 500px;
    /*background:#ccc;*/
}
.map-bottom .select h2{
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 10px;
    font-weight: normal;
}
.map-bottom .main{
    width:850px;
    min-height: 500px;
    /*background:#ccc;*/
}
.map-tab{

}
.map-tab-ul{
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.map-tab-ul li{
    float: left;
    line-height: 36px;
    border:1px solid #ccc;
    border-left: none;
    border-bottom: none;
}
.map-tab-ul li a{
    padding:0 24px;
    height: 36px;
    line-height: 36px;
    display: block;
    color: #333;
}
.map-tab-ul li.current{
    font-weight: 700;
}
.map-tab-ul li.current a{
    margin-bottom: -1px;
    border-bottom: 1px solid #fff;
    color: #214491;
}
.map-tab-main{

}
.map-tab-main .map-tab-con li{
    padding:15px 0;
}
.map-tab-main .img{
    width: 190px;
    height: 120px;
    border:1px solid #ccc;
    margin-right: 30px;
    background:url(../images/default.png) no-repeat center;
}   
.map-tab-main .text{
    
}
.map-tab-main .left-name,
.map-tab-main .right-name{
    font-size: 16px;
    color: #333;
    line-height: 24px;
}
.map-tab-main .left-pos,
.map-tab-main .right-pos{
    font-size: 14px;
    color: #333;
    font-weight: normal;
    line-height: 24px;
}

.map-tab-main .left-address{
    width: 250px;
    margin-right: 50px;
    float: left;
}
.map-tab-main .left-contact{
    width: 250px;
    float: left;
}
.map-tab-main .left-city,
.map-tab-main .left-country,
.map-tab-main .left-zip,
.map-tab-main .left-contact p,
.map-tab-main .right-tel,
.map-tab-main .right-email{
    font-size: 14px;
    display: block;
    line-height: 24px;
    color: #666;
}



/*详情页在线咨询弹窗*/

.detail-consulting{

    position: absolute;

    right: 0;

    top: 0;

    margin-top: 0;

    z-index: 20;

}

.detail-consulting a.close{

    position: absolute;

    left: 280px;

    top: 40px;

    width: 30px;

    height: 30px;

    margin:0;

    background: transparent;

}

a.close.consulting-close{

    color: #fff;

    text-align: center;

    line-height: 50px;

    font-size: 30px;

    width: 30px;

    height: 30px;

    background: transparent;

    position: absolute;

    margin: 0 auto;

    top: 50%;

    margin-top: -270px;

    right: 50%;

    margin-right:-166px;

    z-index: 99999;

}

.download-item{margin:20px 0 30px 0;}
.download-item .image{/*border:1px solid #dfdfdf;width:80px;*/float:left}
.download-item .image img{max-width:100%;height:auto;display:block}
.download-item .text{margin-left:82px}
.download-item .text p{margin-bottom:0}
.download-item .text p.name{font-size:15px;font-size:16px;line-height:36px;}
.download-item .text .download:before{position:relative;top:2px}
.download-item .text .download{color:#666;background: url(../images/icon-download.png) no-repeat center left; background-size: 16px; padding-left: 20px;font-size: 14px;}



body #myform .w160{width:160px;}
body #myform .w166{width:166px;}

body .w300{width:300px;}

body .w312{width:312px;}

body .w400{width:400px;}

body .w460{width:460px;}

body .w368{width:368px;}

body .w392{width:392px;}

body .w362{width:362px;}

body .w370{width:370px;}

body .w394{width:394px;}

body .w555{width:555px;}

body .w810{width:810px;}

body .mt80{margin-top:80px;}